<%@page contentType="text/html" pageEncoding="UTF-8"%>
<jsp:include page="AcessoPublico" />
<%@page import="Modelos.BeanPublicacao" %>
<%@page import="Modelos.BeanMembro" %>
<%@page import="java.util.ArrayList" %>
<%@page import="java.util.List" %>

<!DOCTYPE html>
<%
    HttpSession sessao = request.getSession(false);
    BeanMembro membro = (BeanMembro) sessao.getAttribute("membroAutenticado");
    List<BeanPublicacao> listaGeral = (List<BeanPublicacao>) sessao.getAttribute("listaGeral");
    List<BeanPublicacao> listaArtigo = (List<BeanPublicacao>) sessao.getAttribute("listaArtigo");
    List<BeanPublicacao> listaEvento = (List<BeanPublicacao>) sessao.getAttribute("listaEvento");
    List<BeanPublicacao> listaBiblioteca = (List<BeanPublicacao>) sessao.getAttribute("listaBiblioteca");
    String htmlDestaques = "";

    if (listaGeral != null) {
        int index = 0;
        int tam = listaGeral.size();

        while (index < tam) {
            BeanPublicacao temp = listaGeral.get(index);
            String categoria = "";
            if (temp.getCategoria().contentEquals("AR")) {
                categoria = "artigo.png";
            } else if (temp.getCategoria().contentEquals("EV")) {
                categoria = "evento.png";
            } else if (temp.getCategoria().contentEquals("BT")) {
                categoria = "biblioteca.png";
            } else if (temp.getCategoria().contentEquals("LK")) {
                categoria = "link.png";
            } else if (temp.getCategoria().contentEquals("AF")) {
                categoria = "album.png";
            } else if (temp.getCategoria().contentEquals("IR")) {
                categoria = "instituicao.png";
            }

            htmlDestaques += ",'<div class=\"news_frame\" ><a href=\"publicacao.jsp?pub=" + temp.getIdPublicacao() + "\"><img src=\"img/news/" + categoria + "\"></a></div><div class=\"news_titulo_background\"><p class=\"news_titulo\" ><a class=\"news_link\" href=\"publicacao.jsp?pub=" + temp.getIdPublicacao() + "\">" + temp.getTipo() + ": " + temp.getTitulo() + "</a></p></div><div class=\"news_resumo_background\"><p class=\"news_resumo\" ><a class=\"news_link\" href=\"publicacao.jsp?pub=" + temp.getIdPublicacao() + "\">" + temp.getResumo() + "</a></p></div><a class=\"img_link\" href=\"javascript:prevNews();\" ><img class=\"prev_news\" src=\"img/prev_unpressed.png\" onmousedown=\"this.src=\\'img/prev_pressed.png\\'\" onmouseup=\"this.src=\\'img/prev_unpressed.png\\'\" ></a><img id=\"news_status\" class=\"news_status\" src=\"img/play.png\" ><a class=\"img_link\" href=\"javascript:nextNews();\" ><img class=\"next_news\" src=\"img/next_unpressed.png\" onmousedown=\"this.src=\\'img/next_pressed.png\\'\" onmouseup=\"this.src=\\'img/next_unpressed.png\\'\" ></a>'";
            index++;
        }
    }
%>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link rel="stylesheet" type="text/css" href="style/home_style.css" />
        <link rel="shortcut icon" HREF="img/fav.ico">
        <script type="text/javascript" src="script/news.js" ></script>
        <script type="text/javascript" src="script/submit.js" ></script>
        <script type="text/javascript">
            var news_qtd = <% if (listaGeral == null) {%>0;<% } else {%><%= listaGeral.size()%>;<% }%>
            var news_index = 1;
            var mouse_over = false;
            
            var news_html = ['<p class=\"news_erro\"><strong>OCORREU UM ERRO</strong><br>Não foi possível conectar-se com o banco de dados.<br>Atualize a página ou tente acessar novamente mais tarde.<br><br>Caso o erro persista, pedimos que entre em <a href=\"contato.jsp\">contato</a>.</p>'<%= htmlDestaques%>];
            
        </script>
        <title>Núcleo de Agroecologia Apete Caapuã - UFSCar Sorocaba</title>
    </head>
    <body onload="newsTimer()">
        <!-- ################## HEADER ################## -->
        <div class="container" >
            <div class="header">
                <div class="top_bar">
                    <form id="busca"><p class="top_busca" ><input onfocus="if(this.value=='Título de Publicação')this.value=''" onblur="if(this.value=='')this.value='Título de Publicação';" style="color: #999999;" value="Título de Publicação" type="text" size="32" /> <button onclick="buscar();" >Buscar</button> <a href="#">Busca avançada.</a></p></form>
                </div>
                <div class="title_bar">
                    <%
                        if (membro == null) {
                    %>
                    <form id="loginMembro" method="post" action="AcessoPublico">
                        <p class="top_login" >
                            Login <input name="login" type="text" size="19" />
                            <br>Senha <input name="senha" type="password" size="9" /> 
                            <button onclick="submit('loginMembro');" >Entrar</button>
                        </p>
                        <input type="hidden" name="acao" value="LoginMembro" />
                    </form>
                    <%                    } else {
                    %>
                    <form id="logoutMembro" method="post" action="AcessoPublico">
                    <p class="logged">
                        Você está logado como<br>
                        <a href="membro.jsp"><%= membro.getLogin()%></a> 
                        (<a href="javascript:submit('logoutMembro')">Sair</a>).
                        <input type="hidden" name="acao" value="LogoutMembro" />
                    </p>
                    </form>
                    <% }%>
                </div>
                <div class="main_menu">
                    <table class="main_menu_1" >
                        <tr>
                            <td class="main_menu">
                                <a href="institucional.jsp" >Institucional</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Agenda</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Artigos</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Eventos</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Contato</a>
                            </td>
                        </tr>
                    </table>
                    <table class="main_menu_2" >
                        <tr>
                            <td class="main_menu">
                                <a href="#" >Biblioteca Online</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Instituições Regionais</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Fotos</a>
                            </td>
                            <td class="main_menu">
                                <a href="#" >Links</a>
                            </td>
                        </tr>
                    </table>
                </div>
                <a href="home.jsp"><img class="main_logo" src="img/logo_apete_200.png" /></a>
                <a href="home.jsp"><img class="main_title" src="img/titulo.png" /></a>

            </div>
            <!-- ################## CONTENT ################## -->
            <div class="content">
                <div class="news">
                    <div class="box_titulo">EM DESTAQUE</div>
                    <div class="news_conteudo" onmouseover="mouseOverNews();" onmouseout="mouseOutNews();" >
                        <div id="news_panel" class="news_panel">
                            carregando...
                        </div>
                    </div>
                </div>
                <div class="agenda" >
                    <div class="box_titulo">AGENDA</div>
                    <div class="box_conteudo" style="background-image:url('img/background_agenda.png');">
                        <%
                            if (listaGeral == null) {
                        %>
                        <p class="box_item"><br><br><br>Sem informação para exibir.<br><br>Caso o erro persista, entre em <a href="contato.jsp">contato</a>.</p>
                            <%                        } else {
                                int index = 0;
                                int tam = listaGeral.size();
                                while (index < tam) {
                                    BeanPublicacao temp = listaGeral.get(index);
                            %>
                        <p class="box_item"><a href="publicacao.jsp?pub=<%= temp.getIdPublicacao()%>" ><%= temp.getTipo()%>: <%=temp.getTitulo()%></a></p>
                        <%
                                    index++;
                                }
                            }
                        %>
                        <div class="box_rodape" ><a href="agenda.jsp">veja a agenda completa.</a></div>
                    </div>
                </div>
                <div class="artigos">
                    <div class="box_titulo">ARTIGOS</div>
                    <div class="box_conteudo" style="background-image:url('img/background_artigo.png');">
                        <%
                            if (listaArtigo == null) {
                        %>
                        <p class="box_item"><br><br><br>Sem informação para exibir.<br><br>Caso o erro persista, entre em <a href="contato.jsp">contato</a>.</p>
                            <%                        } else {
                                int index = 0;
                                int tam = listaArtigo.size();
                                while (index < tam) {
                                    BeanPublicacao temp = listaArtigo.get(index);
                            %>
                        <p class="box_item"><a href="publicacao.jsp?pub=<%= temp.getIdPublicacao()%>" ><%= temp.getTipo()%>: <%=temp.getTitulo()%></a></p>
                        <%
                                    index++;
                                }
                            }
                        %>
                        <div class="box_rodape" ><a href="#">veja todos os artigos.</a></div>
                    </div>
                </div>
                <div class="biblioteca">
                    <div class="box_titulo">BIBLIOTECA ONLINE</div>
                    <div class="box_conteudo" style="background-image:url('img/background_biblioteca.png');">
                        <%
                            if (listaBiblioteca == null) {
                        %>
                        <p class="box_item"><br><br><br>Sem informação para exibir.<br><br>Caso o erro persista, entre em <a href="contato.jsp">contato</a>.</p>
                            <%                        } else {
                                int index = 0;
                                int tam = listaBiblioteca.size();
                                while (index < tam) {
                                    BeanPublicacao temp = listaBiblioteca.get(index);
                            %>
                        <p class="box_item"><a href="publicacao.jsp?pub=<%= temp.getIdPublicacao()%>" ><%= temp.getTipo()%>: <%=temp.getTitulo()%></a></p>
                        <%
                                    index++;
                                }
                            }
                        %>
                        <div class="box_rodape" ><a href="#">veja toda a biblioteca.</a></div>
                    </div>
                </div>
                <div class="eventos">
                    <div class="box_titulo">EVENTOS</div>
                    <div class="box_conteudo" style="background-image:url('img/background_evento.png');">
                        <%
                            if (listaEvento == null) {
                        %>
                        <p class="box_item"><br><br><br>Sem informação para exibir.<br><br>Caso o erro persista, entre em <a href="contato.jsp">contato</a>.</p>
                            <%                        } else {
                                int index = 0;
                                int tam = listaEvento.size();
                                while (index < tam) {
                                    BeanPublicacao temp = listaEvento.get(index);
                            %>
                        <p class="box_item"><a href="publicacao.jsp?pub=<%= temp.getIdPublicacao()%>" ><%= temp.getTipo()%>: <%=temp.getTitulo()%></a></p>
                        <%
                                    index++;
                                }
                            }
                        %>
                        <div class="box_rodape" ><a href="#">veja todos os eventos.</a></div>
                    </div>
                </div>
            </div>
            <!-- ################## FOOTER ################## -->
            <div class="footer">
                <table class="footer">
                    <tr>
                        <td>
                            <a href="http://www.sorocaba.ufscar.br"><img class="ufscar_logo" src="img/ufscar_logo.png" /></a>
                            <a href="http://www.sorocaba.ufscar.br"><img class="ufscar_marca" src="img/ufscar_marca.png" /></a>
                        </td>
                        <td>
                            <p class="footer">Resolução mínima recomendada 800x600 pixels.<br>
                                Website desenvolvido por <a href="mailto:pistillifabio@gmail.com">Fabio Pistilli</a>.
                            </p>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </body>
</html>
